

<title>投放对比数据记录设定</title>

<div class="layui-card layadmin-header">
  <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <a lay-href="/">主页</a>
    <a><cite>投放对比数据记录设定</cite></a>
  </div>
</div>

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-card-header">投放对比数据记录设定</div>
    <div class="layui-card-body" style="padding: 15px;">
      <form class="layui-form" action="" lay-filter="component-form-group">
        <div class="layui-form-item">
          <label class="layui-form-label">投放对比名称</label>
          <div class="layui-input-block">
            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">投放平台</label>
            <div class="layui-input-block">
                <select name="interest" lay-filter="aihao">
                <option value=""></option>
                <option value="1">抖音</option>
                <option value="2">微信</option>
                <option value="3">电子报纸</option>
                <option value="4">微博</option>
                <option value="5">头条</option>
                <option value="5">百度</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">统计方式</label>
            <div class="layui-input-block">
              <input type="radio" name="OCPC" value="折线图" title="折线图" checked="">
              <input type="radio" name="OCPC" value="柱状图" title="柱状图">
            </div>
        </div>
        
        <div class="layui-form-item" pane="">
          <label class="layui-form-label">对比选项</label>
          <div class="layui-input-block">
            <input type="checkbox" name="like1[1]" lay-skin="primary" title="阅读量" checked="">
            <input type="checkbox" name="like1[2]" lay-skin="primary" title="转发量">
            <input type="checkbox" name="like1[3]" lay-skin="primary" title="点赞量">
            <input type="checkbox" name="like1[4]" lay-skin="primary" title="转化量">
          </div>
        </div>

        <div class="layui-form-item" pane="">
            <label class="layui-form-label">投放对比维度</label>
            <div class="layui-input-block">
              <input type="checkbox" name="like1[1]" lay-skin="primary" title="省份" checked="">
              <input type="checkbox" name="like1[2]" lay-skin="primary" title="年龄">
              <input type="checkbox" name="like1[3]" lay-skin="primary" title="性别">
              <input type="checkbox" name="like1[4]" lay-skin="primary" title="职业">
            </div>
          </div>
        
               
        <div class="layui-form-item">
          <div class="layui-input-block">
            <div class="layui-footer">
              <button class="layui-btn" lay-submit="" lay-filter="component-form-demo1">立即提交</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<script>
layui.use(['admin', 'form', 'laydate'], function(){
  var $ = layui.$
  ,admin = layui.admin
  ,element = layui.element
  ,layer = layui.layer
  ,laydate = layui.laydate
  ,form = layui.form;
  
  form.render(null, 'component-form-group');

  laydate.render({
    elem: '#LAY-component-form-group-date'
  });
  
  /* 自定义验证规则 */
  form.verify({
    title: function(value){
      if(value.length < 5){
        return '标题至少得5个字符啊';
      }
    },
    content: function(value){
      layedit.sync(editIndex);
    }
  });
  
  /* 监听提交 */
  form.on('submit(component-form-demo1)', function(data){
    layer.alert("提交成功");
    // layer.alert(JSON.stringify(data.field), {
    //   title: '最终的提交信息'
    // })
    return false;
  });
});
</script>